<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>WWJ - A0UIButton</title>
  <link rel="stylesheet" href="../lib/$UI.css">
  <style>
    /* TODO: */
  </style>
</head>

<body>
  <template id="tplA0UIButton">
    <button></button>
  </template>

  <!-- TODO: new a common UI show components -->
  <label>template</label>
  <textarea id="txaTpl"></textarea>
  <textarea id="txaTplOneLine"></textarea>

  <label>demo</label>
  <a0-btn id="btnDemo1" txt="btn1"></a0-btn>
  <a0-btn id="btnDemo2" txt="btn2"></a0-btn>

  <label>best practices</label>

  <script src="$.js"></script>
  <script src="$Util.js"></script>
  <script src="$UI.js"></script>
  <script src="$UIButton.js"></script>
</body>

</html>